<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>TinyMCE</title>
    <link rel="icon" type="image/svg+xml" href="/images/favicon.png" />
    <link rel="stylesheet" href="../libs/blog-common.min.css" />
    <script src="../libs/jquery.min.js"></script>
    <script src="../libs/highlight.min.js"></script>
    <script type="module" src="../src/main.js"></script>
  </head>

  <body>
    <a name="top"></a>
    <div id="top_nav" class="navbar forpc">
      <nav id="nav_main" class="navbar-main">
        <ul id="nav_left" class="navbar-list navbar-left">
          <li class="navbar-branding">
            <a href="https://www.cnblogs.com/" title="开发者的网上家园"
              ><img src="/images/logo.svg"
            /></a>
          </li>
          <li>
            <a href="/">首页</a>
          </li>
          <li>
            <a href="https://news.cnblogs.com/">新闻</a>
          </li>
          <li>
            <a href="https://q.cnblogs.com/">博问</a>
          </li>
          <li>
            <a id="nav_brandzone" href="https://brands.cnblogs.com/">专区</a>
          </li>
          <li>
            <a href="https://ing.cnblogs.com/">闪存</a>
          </li>
          <li>
            <a href="https://edu.cnblogs.com/">班级</a>
          </li>
        </ul>
        <ul id="nav_right" class="navbar-list navbar-right">
          <li>
            <form
              id="zzk_search"
              class="navbar-search"
              action="https://zzk.cnblogs.com/s"
              method="get"
            >
              <input
                name="w"
                id="zzk_search_input"
                placeholder="代码改变世界"
                type="text"
                tabindex="3"
              />
              <button type="submit" id="zzk_search_button">
                <img src="/images/search.svg" alt="搜索" />
              </button>
            </form>
          </li>
          <li id="navbar_login_status" class="navbar-list">
            <a
              id="navblog-myblog-icon"
              class="navbar-user-info navbar-blog"
              href="#"
              alt="我的博客"
              title="我的博客"
              style="display: inline"
            >
              <img
                id="myblog_icon"
                class="navbar-icon"
                src="/images/myblog.svg"
                alt="我的博客"
              />
            </a>
            <a
              class="navbar-user-info navbar-message navbar-icon-wrapper"
              href="#"
              alt="短消息"
              title="短消息"
              style="display: inline"
            >
              <img
                id="msg_icon"
                class="navbar-icon"
                src="/images/message.svg"
                alt="短消息"
              />
              <span id="msg_count">1</span>
            </a>
            <div
              id="user_info"
              class="navbar-user-info dropdown"
              style="display: block"
            >
              <a class="dropdown-button" href="#">
                <img
                  id="user_icon"
                  class="navbar-avatar"
                  src="/images/default-avatar.png"
                  alt="用户头像"
                />
              </a>
              <div class="dropdown-menu">
                <a id="navblog-myblog-text" href="#">我的博客</a>
                <a href="#">我的园子</a>
                <a href="#">账号设置</a>
                <a href="#">退出登录</a>
              </div>
            </div>
            <a class="navbar-anonymous" href="#" style="display: none">注册</a>
            <a class="navbar-anonymous" href="#" style="display: none">登录</a>
          </li>
        </ul>
      </nav>
    </div>
    <div id="home">
      <div id="header">
        <div id="blogTitle">
          <a id="lnkBlogLogo" href="#"><img id="blogLogo" src="" alt="" /></a>
          <h1>
            <a
              id="Header1_HeaderTitle"
              class="headermaintitle HeaderMainTitle"
              href=""
              >已注销</a
            >
          </h1>
          <h2></h2>
        </div>
        <div id="navigator">
          <ul id="navList">
            <li>
              <a id="blog_nav_sitehome" class="menu" href="#">博客园</a>
            </li>
            <li>
              <a id="blog_nav_myhome" class="menu" href="#">首页</a>
            </li>
            <li>
              <a id="blog_nav_newpost" class="menu" href="#">新随笔</a>
            </li>
            <li>
              <a id="blog_nav_contact" class="menu" href="#">联系</a>
            </li>
            <li>
              <a id="blog_nav_rss" class="menu" href="#">订阅</a>
            </li>
            <li>
              <a id="blog_nav_admin" class="menu" href="#">管理</a>
            </li>
          </ul>
          <div class="blogStats">
            <span id="stats_post_count">随笔 - 4&nbsp; </span>
            <span id="stats_article_count">文章 - 0&nbsp; </span>
            <span id="stats-comment_count">评论 - 1</span>
            <span id="stats-total-view-count"
              >阅读 - <span title="总阅读数: 579"> 579</span></span
            >
          </div>
        </div>
      </div>

      <div id="main">
        <div id="mainContent">
          <div class="forFlow">
            <div id="post_detail">
              <div id="topics">
                <div class="post">
                  <h1 class="postTitle">
                    <a
                      id="cb_post_title_url"
                      class="postTitle2"
                      href="https://www.cnblogs.com/yubaolee/p/DataPrivilege.html"
                      >大话设计，没有模式—通用权限设计与实现</a
                    >
                  </h1>
                  <div class="clear"></div>
                  <div class="postBody">
                    <div id="cnblogs_post_description" style="display: none">
                      当代码写多了，总有些是经验，但经验是什么呢？if…else用的次数比别人多？显然不是。有些超棒的设计可以谓之经验！网络上流行的经典的权限设计是【主体】-
                      【领域】 - 【权限】( who、what、how问题原型 )
                      的设计思想，数据权限是在功能权限的基础上面进一步的扩展，比如可以查看订单属于【功能权限】的范围，但是可以查看哪些订单就是【数据权限】的工作了。
                    </div>
                    <div
                      id="cnblogs_post_body"
                      class="blogpost-body blogpost-body-html"
                    >
                      <h2>
                        <a href="http://www.baidu.com" target="_blank">
                          <span style="font-size: 14pt">带链接的标题</span>
                        </a>
                      </h2>
                      <p>
                        &nbsp;&nbsp;Lorem, ipsum dolor sit amet consectetur
                        adipisicing elit. Pariatur voluptatum aliquid
                        voluptatibus debitis doloremque sunt? Officiis, iste et
                        natus voluptate assumenda ex aliquid esse ipsum
                        voluptatem quas provident, velit obcaecati?
                      </p>
                      <h2>
                        <span style="font-size: 14pt">段落</span>
                      </h2>
                      <p>
                        &nbsp; &nbsp; Lorem, ipsum dolor sit amet consectetur
                        adipisicing elit. Pariatur voluptatum aliquid
                        voluptatibus debitis doloremque sunt? Officiis, iste et
                        natus voluptate assumenda ex aliquid esse ipsum
                        voluptatem quas provident, velit obcaecati?
                      </p>
                      <p>
                        &nbsp; &nbsp; Lorem, ipsum dolor sit amet consectetur
                        adipisicing elit. Pariatur voluptatum aliquid
                        voluptatibus debitis doloremque sunt? Officiis, iste et
                        natus voluptate assumenda ex aliquid esse ipsum
                        voluptatem quas provident, velit obcaecati?
                      </p>
                      <h2>
                        <span style="font-size: 14pt">文本格式</span>
                      </h2>
                      <p>
                        &nbsp; &nbsp; Lorem,
                        <span style="font-family: 黑体">ipsum</span>
                        dolor sit amet
                        <span style="font-family: arial, helvetica, sans-serif"
                          >consectetur</span
                        >
                        adipisicing elit. Pariatur
                        <span style="font-family: comic sans ms, sans-serif"
                          >voluptatum</span
                        >
                        aliquid voluptatibus debitis
                        <span style="font-size: 14pt">doloremque</span>
                        sunt? Officiis, iste et natus voluptate
                        <span style="font-size: 18pt">assumenda</span>
                        ex aliquid esse ipsum voluptatem quas provident, velit
                        obcaecati?
                      </p>
                      <p>
                        &nbsp; &nbsp; Lorem, ipsum dolor sit amet
                        <strong>consectetur</strong>
                        adipisicing elit. Pariatur
                        <em>voluptatum</em> aliquid
                        <span style="text-decoration: underline"
                          >voluptatibus</span
                        >
                        debitis
                        <em><strong>doloremque</strong> </em>sunt? Officiis,
                        iste et
                        <span style="text-decoration: underline"
                          ><em><strong>natus</strong> </em></span
                        >voluptate
                        <span style="text-decoration: line-through"
                          >assumenda</span
                        >
                        ex aliquid esse ipsum voluptatem quas provident, velit
                        obcaecati?
                      </p>
                      <p>&nbsp;</p>
                      <h2>
                        <span style="font-size: 14pt">列表</span>
                      </h2>
                      <p>&nbsp;</p>
                      <ul>
                        <li>item1</li>
                        <li>item2</li>
                        <li>item3</li>
                      </ul>
                      <p>&nbsp;</p>
                      <ol>
                        <li>item1</li>
                        <li>item2</li>
                        <li>item3</li>
                      </ol>
                      <h2>
                        <span style="font-size: 14pt">引用</span>
                      </h2>
                      <p>&nbsp;</p>
                      <blockquote>
                        <p>
                          &nbsp; &nbsp; Lorem, ipsum dolor sit amet consectetur
                          adipisicing elit. Pariatur voluptatum aliquid
                          voluptatibus debitis doloremque sunt? Officiis, iste
                          et natus voluptate assumenda ex aliquid esse ipsum
                          voluptatem quas provident, velit obcaecati?
                        </p>
                      </blockquote>
                      <p>&nbsp;</p>
                      <h2>
                        <span style="font-size: 14pt">分割线</span>
                      </h2>
                      <p>&nbsp;</p>
                      <hr />
                      <p>&nbsp;</p>
                      <p>&nbsp;</p>
                      <h2>
                        <span style="font-size: 14pt">下标上标</span>
                      </h2>
                      <p>&nbsp;</p>
                      <p>
                        <span style="font-size: 14pt"
                          >NaHSO<sub>4</sub><br
                        /></span>
                      </p>
                      <p>&nbsp;</p>
                      <p>
                        <span style="font-size: 14pt">X<sup>2</sup></span>
                      </p>
                      <p>&nbsp;</p>
                      <h2>
                        <span style="font-size: 14pt">对齐</span>
                      </h2>
                      <p>&nbsp;</p>
                      <p>
                        &nbsp; &nbsp; Lorem, ipsum dolor sit amet consectetur
                        adipisicing elit. Pariatur voluptatum aliquid
                        voluptatibus debitis doloremque sunt? Officiis, iste et
                        natus voluptate assumenda ex aliquid esse ipsum
                        voluptatem quas provident, velit obcaecati?
                      </p>
                      <p>&nbsp;</p>
                      <p style="text-align: center">
                        &nbsp; &nbsp; Lorem, ipsum dolor sit amet consectetur
                        adipisicing elit. Pariatur voluptatum aliquid
                        voluptatibus debitis doloremque sunt? Officiis, iste et
                        natus voluptate assumenda ex aliquid esse ipsum
                        voluptatem quas provident, velit obcaecati?
                      </p>
                      <p>&nbsp;</p>
                      <p style="text-align: right">
                        &nbsp; &nbsp; Lorem, ipsum dolor sit amet consectetur
                        adipisicing elit. Pariatur voluptatum aliquid
                        voluptatibus debitis doloremque sunt? Officiis, iste et
                        natus voluptate assumenda ex aliquid esse ipsum
                        voluptatem quas provident, velit obcaecati?
                      </p>
                      <h2>
                        <span style="font-size: 14pt">插入日期时间</span>
                      </h2>
                      <p>&nbsp;</p>
                      <p>
                        <span style="font-size: 14pt"
                          >2020-10-10&nbsp;18:17:21</span
                        >
                      </p>
                      <p>&nbsp;</p>
                      <h2>
                        <span style="font-size: 14pt">图片</span>
                      </h2>
                      <p>&nbsp;</p>
                      <p>
                        <a
                          ><img
                            style="display: inline; background-image: none"
                            title="下载"
                            src="/images/default-avatar.png"
                            alt="下载"
                            width="532"
                            height="286"
                            border="0"
                            class="medium-zoom-image"
                        /></a>
                      </p>
                      <p>
                        <span style="font-size: 14pt"
                          ><img
                            src="/images/default-avatar.png"
                            alt=""
                            loading="lazy"
                        /></span>
                      </p>
                      <p>&nbsp;</p>
                      <p>&nbsp;</p>
                      <h2>
                        <span style="font-size: 14pt">代码</span>
                      </h2>
                      <p>&nbsp;</p>
                      <div class="cnblogs_code">
                        <div class="cnblogs_code_toolbar">
                          <span class="cnblogs_code_copy">
                            <a
                              href="javascript:void(0);"
                              onclick="copyCnblogsCode(this)"
                              title="复制代码"
                            >
                              <img src="" alt="复制代码" />
                            </a>
                          </span>
                        </div>

                        <pre>const buildGroup = (annotate, customList) =&gt;<span style="color: rgba(0, 0, 0, 1)"> {
    const group </span>=<span style="color: rgba(0, 0, 0, 1)"> []
    </span><span style="color: rgba(0, 0, 255, 1)">for</span><span style="color: rgba(0, 0, 0, 1)"> (let { selector, page, config } of customList) {
        </span><span style="color: rgba(0, 0, 255, 1)">if</span> (page === 'all' || pageName ===<span style="color: rgba(0, 0, 0, 1)"> page) {
            const element </span>=<span style="color: rgba(0, 0, 0, 1)"> document.querySelectorAll(
                selector,
            )
            </span><span style="color: rgba(0, 0, 255, 1)">if</span> (!element.length) <span style="color: rgba(0, 0, 255, 1)">continue</span>
            <span style="color: rgba(0, 0, 255, 1)">if</span> (element.length === 1<span style="color: rgba(0, 0, 0, 1)">) {
                group.push(
                    annotate(
                        document.querySelector(selector),
                        config,
                    ),
                )
            }
            </span><span style="color: rgba(0, 0, 255, 1)">if</span> (element.length &gt; 1<span style="color: rgba(0, 0, 0, 1)">) {
                element.forEach(</span><span style="color: rgba(0, 0, 255, 1)">function</span><span style="color: rgba(0, 0, 0, 1)">(item) {
                    group.push(annotate(item, config))
                })
            }
        }
    }
    </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> group
}
</span>
            </pre>
                        <div class="cnblogs_code_toolbar">
                          <span class="cnblogs_code_copy">
                            <a
                              href="javascript:void(0);"
                              onclick="copyCnblogsCode(this)"
                              title="复制代码"
                            >
                              <img src="" alt="复制代码" />
                            </a>
                          </span>
                        </div>
                      </div>
                      <p>&nbsp;</p>
                      <div class="cnblogs_Highlighter sh-gutter">
                        <div>
                          <div
                            id="highlighter_874937"
                            class="syntaxhighlighter php"
                          >
                            <div class="toolbar">
                              <span
                                ><a
                                  href="#"
                                  class="toolbar_item command_help help"
                                  >?</a
                                ></span
                              >
                            </div>
                            <table border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td class="gutter">
                                    <div class="line number1 index0 alt2">
                                      1
                                    </div>
                                    <div class="line number2 index1 alt1">
                                      2
                                    </div>
                                    <div class="line number3 index2 alt2">
                                      3
                                    </div>
                                    <div class="line number4 index3 alt1">
                                      4
                                    </div>
                                    <div class="line number5 index4 alt2">
                                      5
                                    </div>
                                    <div class="line number6 index5 alt1">
                                      6
                                    </div>
                                    <div class="line number7 index6 alt2">
                                      7
                                    </div>
                                    <div class="line number8 index7 alt1">
                                      8
                                    </div>
                                    <div class="line number9 index8 alt2">
                                      9
                                    </div>
                                    <div class="line number10 index9 alt1">
                                      10
                                    </div>
                                    <div class="line number11 index10 alt2">
                                      11
                                    </div>
                                    <div class="line number12 index11 alt1">
                                      12
                                    </div>
                                    <div class="line number13 index12 alt2">
                                      13
                                    </div>
                                    <div class="line number14 index13 alt1">
                                      14
                                    </div>
                                    <div class="line number15 index14 alt2">
                                      15
                                    </div>
                                    <div class="line number16 index15 alt1">
                                      16
                                    </div>
                                    <div class="line number17 index16 alt2">
                                      17
                                    </div>
                                    <div class="line number18 index17 alt1">
                                      18
                                    </div>
                                    <div class="line number19 index18 alt2">
                                      19
                                    </div>
                                    <div class="line number20 index19 alt1">
                                      20
                                    </div>
                                    <div class="line number21 index20 alt2">
                                      21
                                    </div>
                                    <div class="line number22 index21 alt1">
                                      22
                                    </div>
                                    <div class="line number23 index22 alt2">
                                      23
                                    </div>
                                    <div class="line number24 index23 alt1">
                                      24
                                    </div>
                                    <div class="line number25 index24 alt2">
                                      25
                                    </div>
                                    <div class="line number26 index25 alt1">
                                      26
                                    </div>
                                    <div class="line number27 index26 alt2">
                                      27
                                    </div>
                                    <div class="line number28 index27 alt1">
                                      28
                                    </div>
                                    <div class="line number29 index28 alt2">
                                      29
                                    </div>
                                  </td>
                                  <td class="code">
                                    <div class="container">
                                      <div class="line number1 index0 alt2">
                                        <code class="php plain">&lt;?php</code>
                                      </div>
                                      <div class="line number2 index1 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php keyword"
                                          >require_once</code
                                        >
                                        <code class="php string">'db.php'</code
                                        ><code class="php plain">;</code>
                                      </div>
                                      <div class="line number3 index2 alt2">
                                        &nbsp;
                                      </div>
                                      <div class="line number4 index3 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable"
                                          >$pageNow</code
                                        >
                                        <code class="php plain">= 1;</code
                                        ><code class="php comments"
                                          >//当前页</code
                                        >
                                      </div>
                                      <div class="line number5 index4 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable"
                                          >$pageSize</code
                                        >
                                        <code class="php plain">= 5;</code
                                        ><code class="php comments"
                                          >//一页多少行</code
                                        >
                                      </div>
                                      <div class="line number6 index5 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable"
                                          >$lineCount</code
                                        >
                                        <code class="php plain">= 0;</code
                                        ><code class="php comments"
                                          >//总记录书</code
                                        >
                                      </div>
                                      <div class="line number7 index6 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable"
                                          >$pageCount</code
                                        >
                                        <code class="php plain">= 0;</code
                                        ><code class="php comments"
                                          >//总页数</code
                                        >
                                      </div>
                                      <div class="line number8 index7 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        >&nbsp;
                                      </div>
                                      <div class="line number9 index8 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php keyword">if</code
                                        ><code class="php plain">(isset(</code
                                        ><code class="php variable">$_GET</code
                                        ><code class="php plain">[</code
                                        ><code class="php string"
                                          >'pageNow'</code
                                        ><code class="php plain">])){</code>
                                      </div>
                                      <div class="line number10 index9 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable"
                                          >$pageNow</code
                                        >
                                        <code class="php plain">= </code
                                        ><code class="php variable">$_GET</code
                                        ><code class="php plain">[</code
                                        ><code class="php string"
                                          >'pageNow'</code
                                        ><code class="php plain">];</code>
                                      </div>
                                      <div class="line number11 index10 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php plain">}</code>
                                      </div>
                                      <div class="line number12 index11 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        >&nbsp;
                                      </div>
                                      <div class="line number13 index12 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable">$sql</code>
                                        <code class="php plain">= </code
                                        ><code class="php string"
                                          >"select count(*) as count from
                                          channel_package"</code
                                        ><code class="php plain">;</code>
                                      </div>
                                      <div class="line number14 index13 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable">$res</code
                                        ><code class="php plain">=</code
                                        ><code class="php variable">$conn</code
                                        ><code class="php plain"
                                          >-&gt;query(</code
                                        ><code class="php variable">$sql</code
                                        ><code class="php plain">);</code>
                                      </div>
                                      <div class="line number15 index14 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php keyword">while</code
                                        ><code class="php plain">(</code
                                        ><code class="php variable">$row</code
                                        ><code class="php plain">=</code
                                        ><code class="php variable">$res</code
                                        ><code class="php plain"
                                          >-&gt;fetch_assoc()){</code
                                        >
                                      </div>
                                      <div class="line number16 index15 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable"
                                          >$lineCount</code
                                        >
                                        <code class="php plain">= </code
                                        ><code class="php variable">$row</code
                                        ><code class="php plain">[</code
                                        ><code class="php string">'count'</code
                                        ><code class="php plain">];</code>
                                      </div>
                                      <div class="line number17 index16 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php plain">}</code>
                                      </div>
                                      <div class="line number18 index17 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable"
                                          >$pageCount</code
                                        >
                                        <code class="php plain">= </code
                                        ><code class="php functions">ceil</code
                                        ><code class="php plain">(</code
                                        ><code class="php variable"
                                          >$lineCount</code
                                        ><code class="php plain">/</code
                                        ><code class="php variable"
                                          >$pageSize</code
                                        ><code class="php plain">);</code>
                                      </div>
                                      <div class="line number19 index18 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable">$sql</code>
                                        <code class="php plain">= </code
                                        ><code class="php string"
                                          >"select * from channel_package limit
                                          "</code
                                        ><code class="php plain">.(</code
                                        ><code class="php variable"
                                          >$pageNow</code
                                        ><code class="php plain">-1) * </code
                                        ><code class="php variable"
                                          >$pageSize</code
                                        ><code class="php plain">.</code
                                        ><code class="php string"
                                          >", $pageSize"</code
                                        ><code class="php plain">;</code>
                                      </div>
                                      <div class="line number20 index19 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable">$res</code
                                        ><code class="php plain">=</code
                                        ><code class="php variable">$conn</code
                                        ><code class="php plain"
                                          >-&gt;query(</code
                                        ><code class="php variable">$sql</code
                                        ><code class="php plain">);</code>
                                      </div>
                                      <div class="line number21 index20 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php variable">$data</code>
                                        <code class="php plain">= </code
                                        ><code class="php keyword">array</code
                                        ><code class="php plain">();</code>
                                      </div>
                                      <div class="line number22 index21 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php keyword">while</code
                                        ><code class="php plain">(</code
                                        ><code class="php variable">$row</code
                                        ><code class="php plain">=</code
                                        ><code class="php variable">$res</code
                                        ><code class="php plain"
                                          >-&gt;fetch_assoc()){</code
                                        >
                                      </div>
                                      <div class="line number23 index22 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php functions"
                                          >array_push</code
                                        ><code class="php plain">(</code
                                        ><code class="php variable">$data</code
                                        ><code class="php plain">,</code
                                        ><code class="php keyword">array</code
                                        ><code class="php plain">(</code>
                                      </div>
                                      <div class="line number24 index23 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php string">"id"</code
                                        >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <code class="php plain"
                                          >=&gt;&nbsp;&nbsp; </code
                                        ><code class="php variable">$row</code
                                        ><code class="php plain">[</code
                                        ><code class="php string">'id'</code
                                        ><code class="php plain">],</code>
                                      </div>
                                      <div class="line number25 index24 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php string"
                                          >"id_string"</code
                                        >
                                        <code class="php plain"
                                          >=&gt;&nbsp;&nbsp; </code
                                        ><code class="php variable">$row</code
                                        ><code class="php plain">[</code
                                        ><code class="php string"
                                          >'id_string'</code
                                        ><code class="php plain">],</code>
                                      </div>
                                      <div class="line number26 index25 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php plain">));</code>
                                      </div>
                                      <div class="line number27 index26 alt2">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php plain">}</code>
                                      </div>
                                      <div class="line number28 index27 alt1">
                                        <code class="php spaces"
                                          >&nbsp;&nbsp;&nbsp;&nbsp;</code
                                        ><code class="php functions">echo</code>
                                        <code class="php plain"
                                          >json_encode(</code
                                        ><code class="php keyword">array</code
                                        ><code class="php plain">(</code
                                        ><code class="php string">"data"</code
                                        ><code class="php plain">=&gt;</code
                                        ><code class="php variable">$data</code
                                        ><code class="php plain">));</code>
                                      </div>
                                      <div class="line number29 index28 alt2">
                                        <code class="php plain">?&gt;</code>
                                      </div>
                                    </div>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                        </div>
                      </div>
                      <p>&nbsp;</p>

                      <pre
                        class="md-fences md-end-block ty-contain-cm modeLoaded"
                      ><span>[<span class="cm-variable">root<span class="cm-operator">@<span class="cm-variable">instance<span class="cm-operator">-<span class="cm-variable">lpbn3wlc <span class="cm-operator">~]<span class="cm-comment"># ps aux |head -5<br><span><span class="cm-variable">USER &nbsp; &nbsp; &nbsp; &nbsp; <span class="cm-variable">PID <span class="cm-operator">%<span class="cm-variable">CPU <span class="cm-operator">%<span class="cm-variable">MEM &nbsp; &nbsp;<span class="cm-variable">VSZ &nbsp; <span class="cm-variable">RSS <span class="cm-variable">TTY &nbsp; &nbsp; &nbsp;<span class="cm-variable">STAT <span class="cm-variable">START &nbsp; <span class="cm-variable">TIME <span class="cm-variable">COMMAND<br><span><span class="cm-variable">root &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="cm-number">1 &nbsp;<span class="cm-number">0.0 &nbsp;<span class="cm-number">0.2 &nbsp;<span class="cm-number">95140 <span class="cm-number">11120 <span class="cm-error">? &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">Ss &nbsp; <span class="cm-variable">Nov01 &nbsp; <span class="cm-number">0:<span class="cm-number">22 <span class="cm-operator">/<span class="cm-variable">usr<span class="cm-operator">/<span class="cm-variable">lib<span class="cm-operator">/<span class="cm-variable">systemd<span class="cm-operator">/<span class="cm-variable">systemd <span class="cm-operator">--<span class="cm-variable">system <span class="cm-operator">--<span class="cm-variable">deserialize <span class="cm-number">20<br><span><span class="cm-variable">root &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="cm-number">2 &nbsp;<span class="cm-number">0.0 &nbsp;<span class="cm-number">0.0 &nbsp; &nbsp; &nbsp;<span class="cm-number">0 &nbsp; &nbsp; <span class="cm-number">0 <span class="cm-error">? &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">S &nbsp; &nbsp;<span class="cm-variable">Nov01 &nbsp; <span class="cm-number">0:<span class="cm-error">0<span class="cm-number">0 [<span class="cm-variable">kthreadd]<br><span><span class="cm-variable">root &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="cm-number">3 &nbsp;<span class="cm-number">0.0 &nbsp;<span class="cm-number">0.0 &nbsp; &nbsp; &nbsp;<span class="cm-number">0 &nbsp; &nbsp; <span class="cm-number">0 <span class="cm-error">? &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">I<span class="cm-operator">&lt; &nbsp; <span class="cm-variable">Nov01 &nbsp; <span class="cm-number">0:<span class="cm-error">0<span class="cm-number">0 [<span class="cm-variable">rcu_gp]<br><span><span class="cm-variable">root &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="cm-number">4 &nbsp;<span class="cm-number">0.0 &nbsp;<span class="cm-number">0.0 &nbsp; &nbsp; &nbsp;<span class="cm-number">0 &nbsp; &nbsp; <span class="cm-number">0 <span class="cm-error">? &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">I<span class="cm-operator">&lt; &nbsp; <span class="cm-variable">Nov01 &nbsp; <span class="cm-number">0:<span class="cm-error">0<span class="cm-number">0 [<span class="cm-variable">rcu_par_gp]</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>

                      <p>&nbsp;</p>
                      <p>
                        &nbsp;<span class="cnblogs_code">prototype</span>&nbsp;
                      </p>
                      <p>&nbsp;</p>
                    </div>
                    <div class="clear"></div>
                    <div id="blog_post_info_block">
                      <div id="EntryTag">标签: ,</div>

                      <div id="blog_post_info">
                        <div id="green_channel">
                          <a
                            href="javascript:void(0);"
                            id="green_channel_digg"
                            onclick="DiggIt(11893151,cb_blogId,1);green_channel_success(this,'谢谢推荐！');"
                            >好文要顶</a
                          >
                          <a
                            id="green_channel_follow"
                            href="javascript:void(0);"
                            >已关注</a
                          >
                          <a
                            id="green_channel_favorite"
                            onclick="AddToWz(cb_entryId);return false;"
                            href="javascript:void(0);"
                            >收藏该文</a
                          >
                          <a
                            id="green_channel_weibo"
                            href="javascript:void(0);"
                            title="分享至新浪微博"
                            onclick="ShareToTsina()"
                            ><img src="/images/default-avatar.png" alt=""
                          /></a>

                          <a
                            id="green_channel_wechat"
                            href="javascript:void(0);"
                            title="分享至微信"
                            onclick="shareOnWechat()"
                            ><img src="/images/default-avatar.png" alt=""
                          /></a>
                        </div>
                        <div id="author_profile">
                          <div
                            id="author_profile_info"
                            class="author_profile_info"
                          >
                            <a
                              href="https://home.cnblogs.com/u/yubaolee/"
                              target="_blank"
                              ><img src="" class="author_avatar" alt=""
                            /></a>

                            <div
                              id="author_profile_detail"
                              class="author_profile_info"
                            >
                              <a href="https://home.cnblogs.com/u/yubaolee/"
                                >李玉宝</a
                              ><br />
                              <a
                                href="https://home.cnblogs.com/u/yubaolee/followees/"
                                >关注 - 62</a
                              ><br />
                              <a
                                href="https://home.cnblogs.com/u/yubaolee/followers/"
                                >粉丝 - 1269</a
                              >
                            </div>
                          </div>
                          <div class="clear"></div>
                          <div id="author_profile_honor"></div>
                          <div id="author_profile_follow">
                            我在关注他
                            <a
                              href="javascript:void(0);"
                              onclick="unfollow('68fb460b-63cf-dd11-9e4d-001cf0cd104b');return false;"
                              >取消关注</a
                            >
                          </div>
                        </div>
                        <div id="div_digg">
                          <div
                            class="diggit"
                            onclick="votePost(11893151,'Digg')"
                          >
                            <span class="diggnum" id="digg_count">33</span>
                          </div>
                          <div
                            class="buryit"
                            onclick="votePost(11893151,'Bury')"
                          >
                            <span class="burynum" id="bury_count">1</span>
                          </div>
                          <div class="clear"></div>
                          <div class="diggword" id="digg_tips"></div>
                        </div>
                      </div>
                      <div class="clear"></div>
                      <div id="post_next_prev">
                        <a
                          href="https://www.cnblogs.com/yubaolee/p/10398633.html"
                          class="p_n_p_prefix"
                          >«
                        </a>
                        上一篇：
                        <a
                          href="https://www.cnblogs.com/yubaolee/p/10398633.html"
                          title="发布于 2019-02-25 08:43"
                          >仅此一文让你明白事务隔离级别、脏读、不可重复读、幻读</a
                        >
                      </div>
                    </div>
                  </div>
                  <div class="postDesc">
                    posted @
                    <span id="post-date">2019-11-27 07:42</span>&nbsp;
                    <a href="https://www.cnblogs.com/yubaolee/">李玉宝</a>&nbsp;
                    阅读(<span id="post_view_count">4446</span>)&nbsp;
                    评论(<span id="post_comment_count">25</span>)&nbsp;
                    <a
                      href="https://i.cnblogs.com/EditPosts.aspx?postid=11893151"
                      rel="nofollow"
                      >编辑</a
                    >&nbsp;
                    <a
                      href="javascript:void(0)"
                      onclick="AddToWz(11893151);return false;"
                      >收藏</a
                    >
                  </div>
                </div>
              </div>
              <a name="!comments"></a>
              <div id="blog-comments-placeholder">
                <div id="comment_pager_top"></div>

                <br />
                <div class="feedback_area_title">评论列表</div>
                <div class="feedbackNoItems">
                  <div class="feedbackNoItems"></div>
                </div>
                <div class="feedbackItem">
                  <div class="feedbackListSubtitle">
                    <div class="feedbackManage">
                      &nbsp;&nbsp;

                      <span class="comment_actions">
                        <a
                          href="javascript:void(0);"
                          onclick="return ReplyComment(4532247, 'mRKdrycFrlq2jdrb8VyCccoK5lmyCn7ljDCqaGL6fzFk2cl2GUpZVw==')"
                        >
                          回复
                        </a>
                        <a
                          href="javascript:void(0);"
                          onclick="return QuoteComment(4532247, 'mRKdrycFrlq2jdrb8VyCccoK5lmyCn7ljDCqaGL6fzFk2cl2GUpZVw==')"
                        >
                          引用
                        </a>

                        <a
                          href="javascript:void(0);"
                          onclick="return DelComment(4532247, this,'12561171')"
                        >
                          删除
                        </a>
                      </span>
                    </div>

                    <a href="#4532247" class="layer">#1楼</a>
                    <a name="4532247" id="comment_anchor_4532247"></a>

                    <span class="comment_date">2020-03-25 17:40</span>

                    <a
                      id="a_comment_author_4532247"
                      href="https://www.cnblogs.com/ywheunji/"
                      target="_blank"
                      >you-wh</a
                    >

                    <div class="comment_vote">
                      <span class="comment_error" style="color: red"></span>
                      <a
                        href="javascript:void(0);"
                        class="comment_digg"
                        onclick="return voteComment(4532247, 'Digg', this.parentElement, false);"
                      >
                        支持(0)
                      </a>
                      <a
                        href="javascript:void(0);"
                        class="comment_burry"
                        onclick="return voteComment(4532247, 'Bury', this.parentElement, false);"
                      >
                        反对(0)
                      </a>
                    </div>
                  </div>
                  <div class="feedbackCon">
                    <div
                      id="comment_body_4532247"
                      data-format-type="Markdown"
                      class="blog_comment_body cnblogs-markdown"
                    >
                      <p>这个鼠标特效着实惊到了，哈哈哈</p>
                    </div>

                    <span id="comment_4532247_avatar" style="display: none">
                      https://pic.cnblogs.com/face/1557203/20181212195129.png
                    </span>
                  </div>
                </div>
                <div class="feedbackItem custom-comments-author">
                  <div class="feedbackListSubtitle">
                    <div class="feedbackManage">
                      &nbsp;&nbsp;

                      <span class="comment_actions">
                        <a
                          href="javascript:void(0);"
                          onclick="return GetCommentBody(4532254)"
                        >
                          修改
                        </a>
                        <a
                          href="javascript:void(0);"
                          onclick="return DelComment(4532254, this,'12561171')"
                        >
                          删除
                        </a>
                      </span>
                    </div>

                    <a href="#4532254" class="layer">#2楼</a>
                    <a name="4532254" id="comment_anchor_4532254"></a>
                    [<span class="louzhu">楼主</span>]

                    <span class="comment_date">2020-03-25 17:43</span>

                    <a
                      id="a_comment_author_4532254"
                      href="https://www.cnblogs.com/guangzan/"
                      target="_blank"
                      >guangzan</a
                    >

                    <div class="comment_vote">
                      <span class="comment_error" style="color: red"></span>
                      <a
                        href="javascript:void(0);"
                        class="comment_digg"
                        onclick="return voteComment(4532254, 'Digg', this.parentElement, false);"
                      >
                        支持(0)
                      </a>
                      <a
                        href="javascript:void(0);"
                        class="comment_burry"
                        onclick="return voteComment(4532254, 'Bury', this.parentElement, false);"
                      >
                        反对(0)
                      </a>
                    </div>
                  </div>
                  <div class="feedbackCon">
                    <div
                      id="comment_body_4532254"
                      data-format-type="Markdown"
                      class="blog_comment_body cnblogs-markdown"
                    >
                      <p>
                        <a
                          href="#4532247"
                          title="查看所回复的评论"
                          onclick="commentManager.renderComments(0,50,4532247);"
                          >@</a
                        >you-wh
                        谢谢支持,欢迎使用.https://guangzan.gitee.io/awescnb-docs
                      </p>
                    </div>

                    <span id="comment_4532254_avatar" style="display: none">
                      https://pic.cnblogs.com/face/1501373/20200119190802.png
                    </span>
                  </div>
                </div>
                <div class="feedbackItem custom-comments-author">
                  <div class="feedbackListSubtitle">
                    <div class="feedbackManage">
                      &nbsp;&nbsp;

                      <span class="comment_actions">
                        <a
                          href="javascript:void(0);"
                          onclick="return GetCommentBody(4539378)"
                        >
                          修改
                        </a>
                        <a
                          href="javascript:void(0);"
                          onclick="return DelComment(4539378, this,'12561171')"
                        >
                          删除
                        </a>
                      </span>
                    </div>

                    <a href="#4539378" class="layer">#3楼</a>
                    <a name="4539378" id="comment_anchor_4539378"></a>
                    [<span class="louzhu">楼主</span>]
                    <span id="comment-maxId" style="display: none"
                      >4539378</span
                    >
                    <span id="comment-maxDate" style="display: none"
                      >2020/4/2 上午12:27:16</span
                    >

                    <span class="comment_date">2020-04-02 00:27</span>

                    <a
                      id="a_comment_author_4539378"
                      href="https://www.cnblogs.com/guangzan/"
                      target="_blank"
                      >guangzan</a
                    >

                    <div class="comment_vote">
                      <span class="comment_error" style="color: red"></span>
                      <a
                        href="javascript:void(0);"
                        class="comment_digg"
                        onclick="return voteComment(4539378, 'Digg', this.parentElement, false);"
                      >
                        支持(0)
                      </a>
                      <a
                        href="javascript:void(0);"
                        class="comment_burry"
                        onclick="return voteComment(4539378, 'Bury', this.parentElement, false);"
                      >
                        反对(0)
                      </a>
                    </div>
                  </div>
                  <div class="feedbackCon">
                    <div
                      id="comment_body_4539378"
                      data-format-type="Markdown"
                      class="blog_comment_body cnblogs-markdown"
                    >
                      <p>emoji 🤔</p>
                    </div>

                    <span id="comment_4539378_avatar" style="display: none">
                      https://pic.cnblogs.com/face/1501373/20200119190802.png
                    </span>
                  </div>
                </div>

                <div id="comment_pager_bottom"></div>
              </div>
              <div id="comment_form" class="commentform">
                <a name="commentform"></a>
                <div id="divCommentShow"></div>
                <div id="comment_nav">
                  <span id="span_refresh_tips"></span
                  ><a
                    href="javascript:void(0);"
                    onclick="return RefreshCommentList();"
                    id="lnk_RefreshComments"
                    runat="server"
                    clientidmode="Static"
                    >刷新评论</a
                  ><a
                    href="https://www.cnblogs.com/guangzanassistant/p/12380553.html#"
                    onclick="return RefreshPage();"
                    >刷新页面</a
                  ><a
                    href="https://www.cnblogs.com/guangzanassistant/p/12380553.html#top"
                    >返回顶部</a
                  >
                </div>
                <div id="comment_form_container" style="visibility: visible">
                  <div id="commentform_title">发表评论</div>
                  <span id="tip_comment" style="color: Red"></span>
                  <div class="commentbox_main comment_textarea">
                    <div class="commentbox_title">
                      <div class="commentbox_title_left">
                        <span
                          id="btn_edit_comment"
                          class="commentbox_tab active"
                          title="编辑评论"
                          >编辑</span
                        >
                        <span
                          id="btn_preview_comment"
                          class="commentbox_tab"
                          title="Markdown 预览"
                          >预览</span
                        >
                      </div>
                      <div class="commentbox_title_right">
                        <span
                          id="ubb_bold"
                          class="comment_icon"
                          alt="粗体"
                          title="添加粗体(Ctrl +
                                                B)"
                        >
                          <svg
                            class="comment_svg"
                            version="1.1"
                            viewBox="0
                                                    0 24 24"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <g fill-rule="evenodd">
                              <path
                                d="m13.221
                                                            19c1.4414 0
                                                            2.5793-0.27451
                                                            3.3759-0.82353
                                                            0.92931-0.66667
                                                            1.4034-1.7059
                                                            1.4034-3.1176
                                                            0-0.94118-0.22759-1.7059-0.66379-2.2549-0.45517-0.56863-1.119-0.94118-2.0103-1.1176
                                                            0.68276-0.27451
                                                            1.1948-0.64706
                                                            1.5552-1.1569
                                                            0.36034-0.54902
                                                            0.55-1.2157
                                                            0.55-2
                                                            0-1.0588-0.36034-1.902-1.0621-2.5294-0.75862-0.66667-1.8207-1-3.1672-1h-6.2017v14h6.2207zm-0.82196-8h-3.3987v-4h3.4367c0.91139
                                                            0 1.557 0.15686
                                                            1.9747 0.47059
                                                            0.37975 0.29412
                                                            0.58861 0.78431
                                                            0.58861 1.451 0
                                                            0.72549-0.20886
                                                            1.2549-0.58861
                                                            1.5882-0.39873
                                                            0.31373-1.0633
                                                            0.4902-2.0127
                                                            0.4902zm0.52612
                                                            6h-3.9249v-4h3.9855c1.052
                                                            0 1.8208 0.16216
                                                            2.3064 0.48649
                                                            0.46532 0.32432
                                                            0.70809 0.84685
                                                            0.70809 1.5856 0
                                                            0.72072-0.3237
                                                            1.2252-0.9711
                                                            1.5495-0.50578
                                                            0.25225-1.2139
                                                            0.37838-2.104
                                                            0.37838z"
                                fill-rule="nonzero"
                                stroke-width=".35"
                              ></path>
                            </g>
                          </svg>
                        </span>
                        <span
                          id="ubb_url"
                          class="comment_icon"
                          title="添加链接(Ctrl + L)"
                          alt="链接"
                        >
                          <svg
                            class="comment_svg comment_svg_stroke"
                            viewBox="0 0 24 24"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <g fill-rule="evenodd">
                              <g
                                transform="translate(4
                                                            4)"
                                fill-rule="nonzero"
                                stroke-width=".4"
                              >
                                <path
                                  d="m6.304
                                                                9.696c-0.288-0.288-0.512-0.608-0.704-0.992-0.16-0.32-0.032-0.704
                                                                0.288-0.864
                                                                0.32-0.16
                                                                0.704-0.032
                                                                0.864 0.288
                                                                0.128 0.224
                                                                0.256 0.448
                                                                0.448 0.64
                                                                0.928 0.928
                                                                2.432 0.928
                                                                3.36
                                                                0l3.36-3.328c0.928-0.928
                                                                0.928-2.432
                                                                0-3.36s-2.432-0.928-3.36
                                                                0l-2.272
                                                                2.272c-0.256
                                                                0.256-0.64
                                                                0.256-0.896
                                                                0-0.256-0.256-0.256-0.64
                                                                0-0.896l2.272-2.272c1.44-1.44
                                                                3.744-1.44
                                                                5.184 0 1.44
                                                                1.44 1.44
                                                                3.744 0
                                                                5.184l-3.36
                                                                3.296c-0.704
                                                                0.704-1.632
                                                                1.088-2.592
                                                                1.088-0.928
                                                                0-1.856-0.352-2.592-1.056z"
                                ></path>
                                <path
                                  d="m3.776
                                                                15.808c-0.992
                                                                0-1.888-0.384-2.592-1.056-1.44-1.44-1.44-3.744
                                                                0-5.184l3.328-3.328c1.44-1.44
                                                                3.744-1.44
                                                                5.184 0
                                                                0.288 0.288
                                                                0.544 0.64
                                                                0.736 1.024
                                                                0.16 0.32 0
                                                                0.704-0.32
                                                                0.864-0.32
                                                                0.16-0.704
                                                                0-0.864-0.32-0.128-0.256-0.288-0.48-0.48-0.672-0.928-0.928-2.432-0.928-3.36
                                                                0l-3.296
                                                                3.328c-0.928
                                                                0.928-0.928
                                                                2.432 0 3.36
                                                                0.448 0.448
                                                                1.056 0.704
                                                                1.664 0.704
                                                                0.608 0
                                                                1.248-0.256
                                                                1.664-0.704l2.112-2.112c0.256-0.256
                                                                0.64-0.256
                                                                0.896
                                                                0s0.256 0.64
                                                                0
                                                                0.896l-2.112
                                                                2.112c-0.672
                                                                0.704-1.568
                                                                1.088-2.56
                                                                1.088z"
                                ></path>
                              </g>
                            </g>
                          </svg>
                        </span>
                        <span
                          id="ubb_code"
                          class="comment_icon"
                          title="添加代码(Ctrl + `)"
                          alt="代码"
                        >
                          <svg
                            class="comment_svg comment_svg_stroke"
                            version="1.1"
                            viewBox="0
                                                    0 24 24"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <g fill-rule="evenodd">
                              <g
                                transform="translate(16
                                                            6)"
                                stroke-linecap="round"
                                stroke-width="2"
                              >
                                <line x1=".5" x2="4.5" y1=".7" y2="6.3"></line>
                                <line
                                  transform="translate(2.5
                                                                9.1) scale(1
                                                                -1)
                                                                translate(-2.5
                                                                -9.1)"
                                  x1=".5"
                                  x2="4.5"
                                  y1="6.3"
                                  y2="11.9"
                                ></line>
                              </g>
                              <g
                                transform="translate(3
                                                            6.1)"
                                stroke-linecap="round"
                                stroke-width="2"
                              >
                                <line
                                  transform="translate(2.5
                                                                3.5)
                                                                scale(-1 1)
                                                                translate(-2.5
                                                                -3.5)"
                                  x1=".5"
                                  x2="4.5"
                                  y1=".7"
                                  y2="6.3"
                                ></line>
                                <line
                                  transform="translate(2.5
                                                                9.1)
                                                                scale(-1)
                                                                translate(-2.5
                                                                -9.1)"
                                  x1=".5"
                                  x2="4.5"
                                  y1="6.3"
                                  y2="11.9"
                                ></line>
                              </g>
                              <path
                                transform="translate(12
                                                            12.5) scale(1
                                                            -1)
                                                            translate(-12
                                                            -12.5)"
                                d="m10.778
                                                            7.1249c0.50008-0.11366
                                                            0.9978 0.16911
                                                            1.1643
                                                            0.64128l0.032406
                                                            0.11223 2
                                                            8.8c0.1224
                                                            0.53855-0.21496
                                                            1.0744-0.75351
                                                            1.1968-0.50008
                                                            0.11366-0.9978-0.16911-1.1643-0.64128l-0.032406-0.11223-2-8.8c-0.1224-0.53855
                                                            0.21496-1.0744
                                                            0.75351-1.1968z"
                                fill-rule="nonzero"
                                stroke-width=".25"
                              ></path>
                            </g>
                          </svg>
                        </span>
                        <span
                          id="ubb_quote"
                          class="comment_icon"
                          title="添加引用(Ctrl + Q)"
                          alt="引用"
                        >
                          <svg
                            class="comment_svg"
                            version="1.1"
                            viewBox="0
                                                    0 24 24"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <g fill-rule="evenodd">
                              <g
                                transform="translate(5
                                                            4)"
                                fill-rule="nonzero"
                                stroke-width=".25"
                              >
                                <path
                                  d="m5.0013
                                                                15v-5.2702h-2.8008c-0.13413-3.3762
                                                                1.2004-6.2143
                                                                4.0009-8.5135l-1.2-1.2163c-3.335
                                                                2.2996-5.0013
                                                                5.8119-5.0013
                                                                10.54v4.4595h5.0013-1.285e-5zm8.7987
                                                                0v-5.2702h-2.8008c-0.13453-3.3762
                                                                1.2-6.2143
                                                                4.0009-8.5135l-1.2-1.2163c-3.335
                                                                2.2996-5.0013
                                                                5.8119-5.0013
                                                                10.54v4.4595h5.0013-1.28e-5z"
                                ></path>
                              </g>
                            </g>
                          </svg>
                        </span>
                        <span
                          id="ubb_img"
                          class="comment_icon"
                          alt="图片"
                          title="上传图片(Ctrl +
                                                I)"
                        >
                          <svg
                            class="comment_svg"
                            version="1.1"
                            viewBox="0
                                                    0 24 24"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <g fill-rule="evenodd">
                              <g
                                transform="translate(3
                                                            3.8)"
                                fill-rule="nonzero"
                              >
                                <path
                                  d="m14.1
                                                                0.58235h-11.2c-1.32
                                                                0-2.4
                                                                1.0482-2.4
                                                                2.3294v10.871c0
                                                                1.2812 1.08
                                                                2.3294 2.4
                                                                2.3294h11.2c1.32
                                                                0 2.4-1.0482
                                                                2.4-2.3294v-10.871c0-1.2812-1.08-2.3294-2.4-2.3294zm0.7
                                                                13.569-3.63-3.4165
                                                                1.33-1.2909c0.21-0.20382
                                                                0.59-0.20382
                                                                0.8 0l1.6
                                                                1.5529v2.7856c0
                                                                0.13588-0.04
                                                                0.26206-0.1
                                                                0.36882zm-11.9-12.016h11.2c0.44
                                                                0 0.8
                                                                0.34941 0.8
                                                                0.77647v5.8915l-0.47-0.45618c-0.84-0.825-2.22-0.825-3.07
                                                                0l-1.35
                                                                1.3103-2.39-2.2421c-0.85-0.825-2.22-0.825-3.05-0.019412l-2.48
                                                                2.2615v-6.7456c0.01-0.42706
                                                                0.37-0.77647
                                                                0.81-0.77647zm-0.8
                                                                11.647v-1.9897l3.6-3.2806c0.21-0.20382
                                                                0.58-0.21353
                                                                0.81
                                                                0.0097059l6.43
                                                                6.0371h-10.04c-0.44
                                                                0-0.8-0.33971-0.8-0.77647z"
                                ></path>
                                <ellipse
                                  cx="10.5"
                                  cy="6.4059"
                                  rx="1"
                                  ry="1"
                                ></ellipse>
                              </g>
                            </g>
                          </svg>
                        </span>
                      </div>
                    </div>
                    <div style="display: none">
                      <span id="comment_edit_id"></span>
                      <span id="span_parentcomment_id"></span>
                      <span id="span_parent_id"></span>
                      <span id="span_comment_replyto"></span>
                      <span id="span_comment_posted"></span>
                      <span id="span_current_user_id"
                        >8a1d5911-2fd3-40d4-1799-08d6ae5bbb5c</span
                      >
                    </div>
                    <textarea
                      id="tbCommentBody"
                      placeholder="支持 Markdown"
                    ></textarea>
                    <div
                      id="tbCommentBodyPreview"
                      class="feedbackCon"
                      style="display: none"
                    >
                      <div
                        id="tbCommentBodyPreviewBody"
                        class="
                          blog_comment_body
                          comment_preview
                          cnblogs-markdown
                        "
                      ></div>
                    </div>
                    <div class="commentbox_footer">
                      <a class="comment_option">Markdown 帮助</a>
                      <span id="btn_comment_options" class="comment_option">
                        <input
                          id="ubb_auto_completion"
                          class="inline_middle"
                          type="checkbox"
                        />
                        <label class="inline_middle" for="ubb_auto_completion"
                          >自动补全</label
                        >
                      </span>
                    </div>
                  </div>
                  <p id="commentbox_opt">
                    <input
                      id="btn_comment_submit"
                      type="button"
                      class="comment_btn"
                      title="提交评论(Ctrl + Enter)"
                      value="提交评论"
                    />
                    <span id="span_comment_canceledit" style="display: none"
                      ><a
                        href="javascript:void(0);"
                        onclick="return
                                            CancelCommentEdit()"
                        >不改了</a
                      ></span
                    >
                    <a href="javascript:void(0);" onclick="return logout();"
                      >退出</a
                    >
                  </p>
                  <div id="tip_comment2" style="color: Red"></div>
                  <p>[Ctrl+Enter快捷键提交]</p>
                </div>
                <div
                  class="ad_text_commentbox"
                  id="ad_text_under_commentbox"
                ></div>
                <div id="ad_t2">
                  <a href="" target="_blank"
                    >【推荐】广告广告广告广告广告广告广告</a
                  ><br />
                  <a href="" target="_blank"
                    >【推荐】广告广告广告广告广告广告广告广告广告广告广告</a
                  ><br />
                  <a href="" target="_blank"
                    >【推荐】广告广告广告广告广告广告广告广告广告广告</a
                  ><br />
                  <a href="" target="_blank"
                    >【推荐】广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告</a
                  ><br />
                </div>
                <div id="opt_under_post"></div>
                <div id="cnblogs_c1" class="c_ad_block">
                  <div
                    id="div-gpt-ad-1546353474406-0"
                    style="height: 250px; width: 300px"
                    data-google-query-id="CLaoxcvTzugCFZUIXAod6LwDbw"
                  >
                    <div
                      id="google_ads_iframe_/1090369/C1_0__container__"
                      style="border: 0pt none"
                    >
                      <iframe
                        id="google_ads_iframe_/1090369/C1_0"
                        title="3rd party ad content"
                        name="google_ads_iframe_/1090369/C1_0"
                        width="300"
                        height="250"
                        scrolling="no"
                        marginwidth="0"
                        marginheight="0"
                        frameborder="0"
                        style="border: 0px; vertical-align: bottom"
                        data-google-container-id="1"
                        data-load-complete="true"
                        src=""
                      ></iframe>
                    </div>
                  </div>
                </div>
                <div id="under_post_news">
                  <div class="recomm-block">
                    <b>相关博文：</b><br />·
                    <a
                      title="Markdown教程（精简了菜鸟教程）"
                      href="https://www.cnblogs.com/zry20200217/p/12331695.html"
                      target="_blank"
                      onclick="clickRecomItmem(12331695)"
                      >Markdown教程（精简了菜鸟教程）</a
                    ><br />·
                    <a
                      title="MarkdownLearningNotes"
                      href="https://www.cnblogs.com/biaogejiushibiao/p/11718815.html"
                      target="_blank"
                      onclick="clickRecomItmem(11718815)"
                      >MarkdownLearningNotes</a
                    ><br />·
                    <a
                      title="一篇文章讲清楚markdown"
                      href="https://www.cnblogs.com/caoleiCoding/p/markdown.html"
                      target="_blank"
                      onclick="clickRecomItmem(12358686)"
                      >一篇文章讲清楚markdown</a
                    ><br />·
                    <a
                      title="Markdown教程"
                      href="https://www.cnblogs.com/Golanguage/p/12287376.html"
                      target="_blank"
                      onclick="clickRecomItmem(12287376)"
                      >Markdown教程</a
                    ><br />·
                    <a
                      title="Markdown速学笔记"
                      href="https://www.cnblogs.com/momoon/p/12314066.html"
                      target="_blank"
                      onclick="clickRecomItmem(12314066)"
                      >Markdown速学笔记</a
                    ><br />»
                    <a
                      target="_blank"
                      href="https://recomm.cnblogs.com/blogpost/12380553"
                      >更多推荐...</a
                    >
                  </div>
                </div>
                <div id="cnblogs_c2" class="c_ad_block">
                  <div
                    id="div-gpt-ad-1539008685004-0"
                    style="height: 60px; width: 468px"
                    data-google-query-id="CICpxsvTzugCFZUIXAod6LwDbw"
                  >
                    <div
                      id="google_ads_iframe_/1090369/C2_0__container__"
                      style="border: 0pt none"
                    >
                      <iframe
                        id="google_ads_iframe_/1090369/C2_0"
                        title="3rd party ad content"
                        name="google_ads_iframe_/1090369/C2_0"
                        width="468"
                        height="60"
                        scrolling="no"
                        marginwidth="0"
                        marginheight="0"
                        frameborder="0"
                        style="border: 0px; vertical-align: bottom"
                        data-google-container-id="2"
                        data-load-complete="true"
                        src=""
                      ></iframe>
                    </div>
                  </div>
                </div>
                <div id="under_post_kb">
                  <div class="itnews c_ad_block">
                    <b>最新 IT 新闻</b>:
                    <br />
                    ·
                    <a href="https://news.cnblogs.com/n/659072/" target="_blank"
                      >门店爆单、加盟商控诉：瑞幸制造的恐慌正在蔓延</a
                    >
                    <br />
                    ·
                    <a href="https://news.cnblogs.com/n/659073/" target="_blank"
                      >中国MCN出海记：几千块就能签一个粉丝百万的网红？</a
                    >
                    <br />
                    ·
                    <a href="https://news.cnblogs.com/n/659065/" target="_blank"
                      >月入2万的中国程序员，撑起Zoom千亿市值</a
                    >
                    <br />
                    ·
                    <a href="https://news.cnblogs.com/n/659077/" target="_blank"
                      >瑞幸的男人们毫无悔意</a
                    >
                    <br />
                    ·
                    <a href="https://news.cnblogs.com/n/659076/" target="_blank"
                      >Firefox 修复两项 0 day 漏洞，建议用户尽快升级</a
                    >
                    <br />
                    »
                    <a
                      href="https://news.cnblogs.com/"
                      title="IT 新闻"
                      target="_blank"
                      >更多新闻...</a
                    >
                  </div>
                </div>
                <div id="HistoryToday" class="c_ad_block"></div>
              </div>
            </div>
          </div>
        </div>
        <div id="sideBar">
          <div id="sideBarMain">
            <div id="sidebar_news" class="newsItem">
              <h3 class="catListTitle">公告</h3>
              <div id="blog-news">
                <div id="profile_block">
                  昵称：
                  <a href="https://home.cnblogs.com/u/guangzan/"> guangzan </a>
                  <br />
                  园龄：
                  <a
                    href="https://home.cnblogs.com/u/guangzan/"
                    title="入园时间：2018-09-29"
                  >
                    2年7个月
                  </a>
                  <br />
                  粉丝：
                  <a href="https://home.cnblogs.com/u/guangzan/followers/">
                    252
                  </a>
                  <br />
                  关注：
                  <a href="https://home.cnblogs.com/u/guangzan/followees/">
                    40
                  </a>
                  <div id="p_b_follow">
                    <a href="javascript:void(0)">+加关注</a>
                  </div>
                </div>
              </div>
            </div>
            <div id="sidebar_c3"></div>
            <div id="blog-calendar">
              <table
                id="blogCalendar"
                class="Cal"
                cellspacing="0"
                cellpadding="0"
                title="Calendar"
                border="0"
              >
                <tbody>
                  <tr>
                    <td colspan="7">
                      <table class="CalTitle" cellspacing="0" border="0">
                        <tbody>
                          <tr>
                            <td class="CalNextPrev">
                              <a
                                href="javascript:void(0);"
                                onclick="loadBlogCalendar('2021/04/23'); return false;"
                                >&lt;</a
                              >
                            </td>
                            <td align="center">2021年5月</td>
                            <td align="right" class="CalNextPrev">
                              <a
                                href="javascript:void(0);"
                                onclick="loadBlogCalendar('2021/06/23'); return false;"
                                >&gt;</a
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <th
                      class="CalDayHeader"
                      align="center"
                      abbr="日"
                      scope="col"
                    >
                      日
                    </th>
                    <th
                      class="CalDayHeader"
                      align="center"
                      abbr="一"
                      scope="col"
                    >
                      一
                    </th>
                    <th
                      class="CalDayHeader"
                      align="center"
                      abbr="二"
                      scope="col"
                    >
                      二
                    </th>
                    <th
                      class="CalDayHeader"
                      align="center"
                      abbr="三"
                      scope="col"
                    >
                      三
                    </th>
                    <th
                      class="CalDayHeader"
                      align="center"
                      abbr="四"
                      scope="col"
                    >
                      四
                    </th>
                    <th
                      class="CalDayHeader"
                      align="center"
                      abbr="五"
                      scope="col"
                    >
                      五
                    </th>
                    <th
                      class="CalDayHeader"
                      align="center"
                      abbr="六"
                      scope="col"
                    >
                      六
                    </th>
                  </tr>
                  <tr>
                    <td class="CalOtherMonthDay" align="center">25</td>
                    <td class="CalOtherMonthDay" align="center">26</td>
                    <td class="CalOtherMonthDay" align="center">27</td>
                    <td class="CalOtherMonthDay" align="center">28</td>
                    <td class="CalOtherMonthDay" align="center">29</td>
                    <td class="CalOtherMonthDay" align="center">30</td>
                    <td class="CalWeekendDay" align="center">1</td>
                  </tr>
                  <tr>
                    <td class="CalWeekendDay" align="center">2</td>
                    <td class="" align="center">3</td>
                    <td class="" align="center">4</td>
                    <td class="" align="center">5</td>
                    <td class="" align="center">6</td>
                    <td class="" align="center">
                      <a
                        href="https://www.cnblogs.com/guangzan/archive/2021/05/07.html"
                        ><u>7</u></a
                      >
                    </td>
                    <td class="CalWeekendDay" align="center">
                      <a
                        href="https://www.cnblogs.com/guangzan/archive/2021/05/08.html"
                        ><u>8</u></a
                      >
                    </td>
                  </tr>
                  <tr>
                    <td class="CalWeekendDay" align="center">9</td>
                    <td class="" align="center">10</td>
                    <td class="" align="center">11</td>
                    <td class="" align="center">12</td>
                    <td class="" align="center">13</td>
                    <td class="" align="center">14</td>
                    <td class="CalWeekendDay" align="center">15</td>
                  </tr>
                  <tr>
                    <td class="CalWeekendDay" align="center">16</td>
                    <td class="" align="center">17</td>
                    <td class="" align="center">18</td>
                    <td class="" align="center">19</td>
                    <td class="" align="center">
                      <a
                        href="https://www.cnblogs.com/guangzan/archive/2021/05/20.html"
                        ><u>20</u></a
                      >
                    </td>
                    <td class="" align="center">21</td>
                    <td class="CalWeekendDay" align="center">22</td>
                  </tr>
                  <tr>
                    <td class="CalTodayDay" align="center">
                      <a
                        href="https://www.cnblogs.com/guangzan/archive/2021/05/23.html"
                        ><u>23</u></a
                      >
                    </td>
                    <td class="" align="center">24</td>
                    <td class="" align="center">25</td>
                    <td class="" align="center">26</td>
                    <td class="" align="center">27</td>
                    <td class="" align="center">28</td>
                    <td class="CalWeekendDay" align="center">29</td>
                  </tr>
                  <tr>
                    <td class="CalWeekendDay" align="center">30</td>
                    <td class="" align="center">31</td>
                    <td class="CalOtherMonthDay" align="center">1</td>
                    <td class="CalOtherMonthDay" align="center">2</td>
                    <td class="CalOtherMonthDay" align="center">3</td>
                    <td class="CalOtherMonthDay" align="center">4</td>
                    <td class="CalOtherMonthDay" align="center">5</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="leftcontentcontainer">
              <div id="blog-sidecolumn">
                <!-- 搜索 -->
                <div id="sidebar_search" class="sidebar-block">
                  <div id="sidebar_search" class="mySearch">
                    <h3 class="catListTitle">搜索</h3>
                    <div id="sidebar_search_box">
                      <div id="widget_my_zzk" class="div_my_zzk">
                        <input
                          type="text"
                          id="q"
                          onkeydown="return zzk_go_enter(event);"
                          class="input_my_zzk"
                        />&nbsp;<input
                          onclick="zzk_go()"
                          type="button"
                          value="找找看"
                          id="btnZzk"
                          class="btn_my_zzk"
                        />
                      </div>
                      <div id="widget_my_google" class="div_my_zzk">
                        <input
                          type="text"
                          name="google_q"
                          id="google_q"
                          onkeydown="return google_go_enter(event);"
                          class="input_my_zzk"
                        />&nbsp;<input
                          onclick="google_go()"
                          type="button"
                          value="谷歌搜索"
                          class="btn_my_zzk"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <!-- 常用链接 -->
                <div id="sidebar_shortcut" class="sidebar-block">
                  <div class="catListLink">
                    <h3 class="catListTitle">常用链接</h3>
                    <ul>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/"
                          title="我的博客的随笔列表"
                          >我的随笔</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/MyComments.html"
                          title="我的发表过的评论列表"
                          >我的评论</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/OtherPosts.html"
                          title="我评论过的随笔列表"
                          >我的参与</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/RecentComments.html"
                          title="我的博客的评论列表"
                          >最新评论</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/tag/"
                          title="我的博客的标签列表"
                          >我的标签</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- 最新随笔 -->
                <div id="sidebar_recentposts" class="sidebar-block">
                  <div class="catListEssay">
                    <h3 class="catListTitle">最新随笔</h3>
                    <ul>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14801294.html"
                          >1.非标准用法在 ES module下的解决方案</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14801290.html"
                          >2.Node.js Built-Ins Define/ Mock / Shim/ Sham/
                          Polyfill</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14790923.html"
                          >3.ts event 类型</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14744226.html"
                          >4.webpack5热更新失效</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14741436.html"
                          >5.webpack4 升级到 5</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14723413.html"
                          >6.深色模式适配和主题切换</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14225762.html"
                          >7.谈谈 Vue 模板和 JSX</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14166007.html"
                          >8.博客园代码折叠</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14135368.html"
                          >9.win10关闭锁屏，直接进入登录界面</a
                        >
                      </li>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/p/14057876.html"
                          >10.vscode 中 eslint prettier 和 eslint -loader
                          配置关系</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- 我的标签 -->
                <div id="sidebar_toptags" class="sidebar-block">
                  <div class="catListTag">
                    <h3 class="catListTitle">我的标签</h3>
                    <ul>
                      <li>
                        <a
                          href="https://www.cnblogs.com/guangzan/tag/javascript/"
                          >javascript<span class="tag-count">(14)</span></a
                        >
                      </li>
                      <li>
                        <a href="https://www.cnblogs.com/guangzan/tag/Vue/"
                          >Vue<span class="tag-count">(10)</span></a
                        >
                      </li>
                      <li>
                        <a href="https://www.cnblogs.com/guangzan/tag/webpack4/"
                          >webpack4<span class="tag-count">(9)</span></a
                        >
                      </li>
                      <li>
                        <a href="https://www.cnblogs.com/guangzan/tag/css/"
                          >css<span class="tag-count">(9)</span></a
                        >
                      </li>
                      <li>
                        <a href="https://www.cnblogs.com/guangzan/tag/vue3/"
                          >vue3<span class="tag-count">(8)</span></a
                        >
                      </li>
                      <li>
                        <a href="https://www.cnblogs.com/guangzan/tag/">更多</a>
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- 积分与排名 -->
                <div id="sidebar_scorerank" class="sidebar-block">
                  <div class="catListBlogRank">
                    <h3 class="catListTitle">积分与排名</h3>
                    <ul>
                      <li class="liScore">积分 - 131080</li>
                      <li class="liRank">排名 - 7140</li>
                    </ul>
                  </div>
                </div>
                <!-- 随笔分类、随笔档案、文章分类、新闻分类、相册、链接 -->
                <div id="sidebar_categories">
                  <div
                    id="sidebar_postcategory"
                    class="catListPostCategory sidebar-block"
                  >
                    <h3 class="catListTitle">随笔分类</h3>

                    <ul>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1607570.html"
                          rel=""
                          target=""
                        >
                          Cnblog(12)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1690966.html"
                          rel=""
                          target=""
                        >
                          Code Optimization(3)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1386378.html"
                          rel=""
                          target=""
                        >
                          CSS(16)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1640195.html"
                          rel=""
                          target=""
                        >
                          Data Visualization(4)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1864688.html"
                          rel=""
                          target=""
                        >
                          Design(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1639548.html"
                          rel=""
                          target=""
                        >
                          Error(8)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1507898.html"
                          rel=""
                          target=""
                        >
                          Git(9)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1386376.html"
                          rel=""
                          target=""
                        >
                          HTML(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1386379.html"
                          rel=""
                          target=""
                        >
                          JS/TS(30)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1668615.html"
                          rel=""
                          target=""
                        >
                          Module Bundler(8)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1965813.html"
                          rel=""
                          target=""
                        >
                          NodeJS(2)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1635528.html"
                          rel=""
                          target=""
                        >
                          React(4)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1799265.html"
                          rel=""
                          target=""
                        >
                          Source Analysis(4)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1512296.html"
                          rel=""
                          target=""
                        >
                          Tools(8)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1386380.html"
                          rel=""
                          target=""
                        >
                          Vue(23)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/category/1598137.html"
                          rel=""
                          target=""
                        >
                          Windows(15)
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div
                    id="sidebar_postarchive"
                    class="catListPostArchive sidebar-block"
                  >
                    <h3 class="catListTitle">随笔档案</h3>

                    <ul>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2021/05.html"
                          rel=""
                          target=""
                        >
                          2021年5月(6)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2021/04.html"
                          rel=""
                          target=""
                        >
                          2021年4月(5)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2021/03.html"
                          rel=""
                          target=""
                        >
                          2021年3月(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2021/01.html"
                          rel=""
                          target=""
                        >
                          2021年1月(2)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/12.html"
                          rel=""
                          target=""
                        >
                          2020年12月(2)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/11.html"
                          rel=""
                          target=""
                        >
                          2020年11月(6)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/10.html"
                          rel=""
                          target=""
                        >
                          2020年10月(5)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/08.html"
                          rel=""
                          target=""
                        >
                          2020年8月(3)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/07.html"
                          rel=""
                          target=""
                        >
                          2020年7月(11)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/06.html"
                          rel=""
                          target=""
                        >
                          2020年6月(2)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/05.html"
                          rel=""
                          target=""
                        >
                          2020年5月(9)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/04.html"
                          rel=""
                          target=""
                        >
                          2020年4月(7)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/03.html"
                          rel=""
                          target=""
                        >
                          2020年3月(19)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/02.html"
                          rel=""
                          target=""
                        >
                          2020年2月(6)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2020/01.html"
                          rel=""
                          target=""
                        >
                          2020年1月(7)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2019/12.html"
                          rel=""
                          target=""
                        >
                          2019年12月(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2019/11.html"
                          rel=""
                          target=""
                        >
                          2019年11月(11)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2019/10.html"
                          rel=""
                          target=""
                        >
                          2019年10月(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2019/07.html"
                          rel=""
                          target=""
                        >
                          2019年7月(35)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2019/03.html"
                          rel=""
                          target=""
                        >
                          2019年3月(2)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="false"
                        style="display: none"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2019/02.html"
                          rel=""
                          target=""
                        >
                          2019年2月(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="false"
                        style="display: none"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/archive/2019/01.html"
                          rel=""
                          target=""
                        >
                          2019年1月(4)
                        </a>
                      </li>
                      <li>
                        <a
                          href="javascript:void(0)"
                          onclick="sideColumnManager.loadMore(this)"
                          >更多</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div
                    id="sidebar_imagecategory"
                    class="catListImageCategory sidebar-block"
                  >
                    <h3 class="catListTitle">相册</h3>

                    <ul>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/gallery/1822578.html"
                          rel="nofollow noopener noreferrer"
                          target=""
                        >
                          测试1(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/gallery/1822579.html"
                          rel="nofollow noopener noreferrer"
                          target=""
                        >
                          测试2(1)
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="https://www.cnblogs.com/guangzan/gallery/1822580.html"
                          rel="nofollow noopener noreferrer"
                          target=""
                        >
                          测试3(6)
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div id="sidebar_links1978167" class="catList sidebar-block">
                    <h3 class="catListTitle">友情链接</h3>

                    <ul>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="www.cnblog.com"
                          rel="nofollow noopener noreferrer"
                          target=""
                        >
                          测试测试测试
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="www.baidu.com"
                          rel="nofollow noopener noreferrer"
                          target=""
                        >
                          测试测试测试
                        </a>
                      </li>
                      <li
                        data-category-list-item-visible="true"
                        style="display: block"
                      >
                        <a
                          href="www.cnblog.com"
                          rel="nofollow noopener noreferrer"
                          target=""
                        >
                          测试测试测试
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- 最新评论 -->
                <div id="sidebar_recentcomments" class="sidebar-block">
                  <div class="catListComment">
                    <h3 class="catListTitle">最新评论</h3>

                    <div class="RecentCommentBlock">
                      <ul>
                        <li class="recent_comment_title">
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12892420.html"
                            >1. Re:多图预警 | 我为博客园新增了十几个功能</a
                          >
                        </li>
                        <li class="recent_comment_body">
                          @kin02 请使用 Markdown 编辑器，注意 Markdown
                          语法；可能与你自己的博客代码冲突；...
                        </li>
                        <li class="recent_comment_author">--guangzan</li>
                        <li class="recent_comment_title">
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12892420.html"
                            >2. Re:多图预警 | 我为博客园新增了十几个功能</a
                          >
                        </li>
                        <li class="recent_comment_body">
                          <p>白天模式正常😓</p>
                        </li>
                        <li class="recent_comment_author">--kin02</li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- 阅读排行榜 -->
                <div id="sidebar_topviewedposts" class="sidebar-block">
                  <div class="catListView">
                    <h3 class="catListTitle">阅读排行榜</h3>
                    <div id="TopViewPostsBlock">
                      <ul style="word-break: break-all">
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/11268900.html"
                          >
                            1. vue实现简单的点击切换颜色(7316)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12466467.html"
                          >
                            2. Parsing error: 'import' and 'export' may only
                            appear at the top level(5297)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12244579.html"
                          >
                            3. vant list 不断连续请求接口神奇原因(4501)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/11268930.html"
                          >
                            4. Vue Prop属性（父to子）(3774)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/10291885.html"
                          >
                            5. CSS3-flex弹性布局之flex属性(3753)
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- 评论排行榜 -->
                <div id="sidebar_topcommentedposts" class="sidebar-block">
                  <div class="catListFeedback">
                    <h3 class="catListTitle">评论排行榜</h3>
                    <div id="TopFeedbackPostsBlock">
                      <ul style="word-break: break-all">
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/13020977.html"
                          >
                            1. 【汇总】 博客园皮肤构建工具 awescnb(66)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12892420.html"
                          >
                            2. 多图预警 | 我为博客园新增了十几个功能(32)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12256583.html"
                          >
                            3. 分享几套不一样的博客园皮肤 ？(32)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12515742.html"
                          >
                            4. 从这个博客皮肤迈入前端性能优化一小步(30)
                          </a>
                        </li>
                        <li>
                          <a
                            href="https://www.cnblogs.com/guangzan/p/12886111.html"
                          >
                            5. 2020年了，别再重复学习原型了(14)
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- 推荐排行榜 -->
                <div id="sidebar_topdiggedposts" class="sidebar-block">
                  <div id="topdigg_posts_wrap">
                    <div class="catListView">
                      <h3 class="catListTitle">推荐排行榜</h3>
                      <div id="TopDiggPostsBlock">
                        <ul style="word-break: break-all">
                          <li>
                            <a
                              href="https://www.cnblogs.com/guangzan/p/12892420.html"
                            >
                              1. 多图预警 | 我为博客园新增了十几个功能(45)
                            </a>
                          </li>
                          <li>
                            <a
                              href="https://www.cnblogs.com/guangzan/p/13020977.html"
                            >
                              2. 【汇总】 博客园皮肤构建工具 awescnb(31)
                            </a>
                          </li>
                          <li>
                            <a
                              href="https://www.cnblogs.com/guangzan/p/12256583.html"
                            >
                              3. 分享几套不一样的博客园皮肤 ？(26)
                            </a>
                          </li>
                          <li>
                            <a
                              href="https://www.cnblogs.com/guangzan/p/13524990.html"
                            >
                              4. web深色模式适配(15)
                            </a>
                          </li>
                          <li>
                            <a
                              href="https://www.cnblogs.com/guangzan/p/12515742.html"
                            >
                              5. 从这个博客皮肤迈入前端性能优化一小步(15)
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div id="footer">
        Copyright © 2020 已注销用户456123
        <br />
        <span id="poweredby">Powered by .NET Core on Kubernetes</span>
      </div>
    </div>
  </body>
</html>
